html {
  height: 100%;
}

body {
  background-color: #fff;
  color: #222;
  display: flex;
  flex-direction: column;
  font: normal 13px arial,sans-serif;
  line-height: 1.4;
  margin: 0px;
  margin: 10px;
  min-height: 100%;
}

h1 {
  align-self: center;
}

a:link {
  color: #15c;
}

a:visited {
  color: #61c;
}

a:active {
  color: #d14836;
}

iframe {
  border: 0;
}

.loading-div {
  background-color: white;
  display: flex;
  justify-content: center;
}

/* Basic select menus. */
.menu ul {
  display: none;
}

.menu li:hover > ul {
  display: block;
  position: absolute;
}

.goog-menu {
  z-index: 10000;
}

.goog-menu-vertical {
  max-height: 450px;
  overflow-y: auto;
}

/* The navbar is the bar at the very top of the page.*/
#navbar {
  width: 100%;
}

#navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  z-index: 1000;
}

#navbar > ul {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  background-color: #2D2D2D;
  border-bottom: black;
  margin-bottom: 6px;
}

#navbar li {
  padding: 6px 10px;
}

#navbar li > a {
  cursor: pointer;
  text-decoration: none;
}

#navbar > ul > li, #navbar > ul > li > a {
  color: #ddd;
  font-weight: bold;
}

#navbar .submenu li, #navbar .submenu a {
  color: #ddd;
  font-weight: normal;
}

/* This is a spacer in the navbar list that pushes the items after it
 * all the way to the right side. */
.spacer {
  flex: 100;
}

#navbar .menu li:hover > ul {
  margin-top: 6px;
  background-color: #2D2D2D;
  border: 1px solid rgba(0, 0, 0, .2);
}

#navbar li:hover, #navbar a:hover {
  color: white;
}

#navbar .menu-drop-arrow {
  border-top-color: #aaa;
  position: relative;
  top: -1px;
  border-style: solid dashed dashed;
  border-color: transparent;
  border-top-color: #c0c0c0;
  display: -moz-inline-box;
  display: inline-block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 0;
  border-width: 3px 3px 0;
  padding-top: 1px;
  left: 4px;
}

.report-issue {
  color: #dd4b39 !important;
}

/* Results pages show the results of performing some action.
 * See templates/result.html. */
.results dt {
  font-weight: bold;
}

/* We want some result text to be shown with a monospace font. */
.results-pre {
  white-space: pre;
  font-family: monospace;
}

.error {
  color: #dd4b39;
  font-weight: bold;
}

.hidden {
  display: none;
}

/* Buttons */
.kennedy-button, .kennedy-button-submit {
  border-radius: 2px;
  font-size: 11px;
  font-weight: bold;
  min-width: 54px;
  height: 27px;
  line-height: 27px;
  padding: 0px 8px;
  -webkit-user-select: none;
}

.kennedy-button {
  background-color: #f5f5f5;
  border: 1px solid rgba(0,0,0,0.1);
  color: #444;
  background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
  cursor: default;
}

.kennedy-button:disabled, .kennedy-button-submit:disabled {
  opacity: 0.5;
}

.kennedy-button:hover, .kennedy-button-submit:hover {
  box-shadow: none;
}

.kennedy-button:active, .kennedy-button-submit:active {
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.kennedy-button:focus {
  outline: none;
}

.kennedy-button-submit {
  background-color: #4d90fe;
  border: 1px solid #3079ed;
  background-image: linear-gradient(to bottom, #4d90fe, #4787ed);
  color: #fff;
}

.goog-custom-button-checked {
  background-color: #EEEEEE;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0));
  box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
  border: 1px solid #CCC;
  color: #333;
}

/* Checkboxes */
input[type=checkbox] {
  width: 13px;
  height: 13px;
  border: 1px solid #C6C6C6;
  margin: 0;
  border-radius: 1px;
  box-sizing: border-box;
  cursor: default;
  position: relative
}

input[type=checkbox]:checked::after {
  content: url(/check_no_box.png);
  display: block;
  position: absolute;
  top: -6px;
  left: -5px;
}
